<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>第五大道</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="js/swiper/swiper.css"/>
		
		
	</head>
	<body>
<!----------------------------------------------leader----------------------------------------->
		<div class="leader">
			<a href="##"></a>
		</div>
<!----------------------------------------------top----------------------------------------->
		<div class="top">
			<div class="top-top">
				<div class= "wrap">
					<div class="top-left left">
					<span class= "top-home"></span><a href= "##">第五大道首页</a>|<span class= "top-phone"></span><a>贵宾专线：4008-6767-38</a>
				    </div>
				    <div class="top-right right">
					<ul>
						<li><a href= "html/enter.html">登录</a></li>
						<li><span class= "regist"></span><a href= "html/register.html">注册</a></li>
						<li class="top-myfifth">
							<a href= "##">我的第五大道 </a><span class= "myfifth-span"></span>
							<div class="myfifth">
								<p><a href="##">我的订单</a></p>
								<p><a href="##">我的收藏</a></p>
								<p><a href="##">已购商品</a></p>
								<p><a href="##">我的礼券</a></p>
								<p><a href="##">我的积分</a></p>
							</div>
						</li>
						<li><a href= "##">帮助中心</a></li>
						<li class= "pdownload">
							<a href= "##" class= "phone-download">手机版下载</a><span class="phonedd"></span>
							<div class="top-weixin">
								<img  src="img/weixin_img.png"/>
							</div>
							
						</li>
					</ul>
				    </div>
				</div>
			</div>		
			<div class="wrap">				
				<div class="top-bottom">
					<a href= "##"><img src="img/logo.jpg"/></a>
					<a href="##"><img class= "yijian" src="img/yijian.jpg"/></a>
					<div class="search">
						<input type= "text" class= "inp" placeholder="唇部彩妆"/>
						<button>搜   索</button>
						<ul>
							<li><a href= "html/goodlist.html">太阳镜</a></li>
							<li><a href= "html/goodlist.html">美妆</a></li>
							<li><a href= "html/goodlist.html">运动户外</a></li>
							<li><a href= "html/goodlist.html">箱包</a></li>
							<li><a href= "html/goodlist.html">配饰</a></li>
							<li><a href= "html/goodlist.html">腕表</a></li>
						</ul>
					</div>
					<div class="top-bottom-right"  style = "width: 150px">
						<img class= "v30cart" src="img/v30cart.png" />购物袋（
						<span class="cart-num">0</span>
						）
						<span  class= "right-jiantou"></span>
					</div>					
				</div>
			</div>				
		</div>
		
<!----------------------------------------------banner----------------------------------------->
		<div class="banner">
			<div class="banner-top">
				<div class="wrap">
					<ul class= "banner-list">
						<li class= "active">
							<a  href="html/goodlist.html">商品分类</a>
							<div class="banner-lists">
								<!--<dl>
									<dt>
										<span></span><a href= "#">推荐产品</a>
									</dt>
									<dd class="banner-hide">
										<ul>
											<li>
												<h5>国际高端</h5>
												<div class="dd-hide-right">
													<a>Anima</a><a>Anima</a><a>Lv路易十六</a><a>Anima</a><a>Senma</a>
													<a>Anima</a><a>XinMate</a><a>Anima</a><a>NewBance</a>
												</div>
											</li>
											<li>
												<h5>国际高端</h5>
												<div class="dd-hide-right">
													<a>Anima</a><a>Anima</a><a>Lv路易十六</a><a>Anima</a><a>Senma</a>
													<a>Anima</a><a>XinMate</a><a>Anima</a><a>NewBance</a>
												</div>
											</li>
											<li>
												<h5>国际高端</h5>
												<div class="dd-hide-right">
													<a>Anima</a><a>Anima</a><a>Lv路易十六</a><a>Anima</a><a>Senma</a>
													<a>Anima</a><a>XinMate</a><a>Anima</a><a>NewBance</a>
												</div>
											</li>
										</ul>
									</dd>
								</dl>
								<dl>
									<dt>
										<span></span><a href= "#">推荐产品</a>
									</dt>
									<dd class="banner-hide">
										<ul>
											<li>
												<h5>国际高端</h5>
												<div class="dd-hide-right">
													<a>Anima</a><a>Anima</a><a>Lv路易十六</a><a>Anima</a><a>Senma</a>
													<a>Anima</a><a>XinMate</a><a>Anima</a><a>NewBance</a>
												</div>
											</li>
											<li>
												<h5>国际高端</h5>
												<div class="dd-hide-right">
													<a>Anima</a><a>Anima</a><a>Lv路易十六</a><a>Anima</a><a>Senma</a>
													<a>Anima</a><a>XinMate</a><a>Anima</a><a>NewBance</a>
												</div>
											</li>
											<li>
												<h5>国际高端</h5>
												<div class="dd-hide-right">
													<a>Anima</a><a>Anima</a><a>Lv路易十六</a><a>Anima</a><a>Senma</a>
													<a>Anima</a><a>XinMate</a><a>Anima</a><a>NewBance</a>
												</div>
											</li>
										</ul>
									</dd>
								</dl>-->
							</div>
						</li>
						<li><a href="html/goodlist.html">品牌</a></li>
						<li><a href="html/goodlist.html">最新</a></li>
						<li><a href="html/goodlist.html">女士</a></li>
						<li><a href="html/goodlist.html">男士</a></li>
						<li><a href="html/goodlist.html">商品分类</a></li>
						<li><a href="html/goodlist.html">商品分类</a></li>
						<li><a href="##">商品分类</a></li>
						<li><a href="##">特惠</a></li>
						<li><a href="##">礼品区</a></li>
						<li><a href="##">到店</a></li>	
					</ul>
				</div>
			</div>
		<!--二级菜单-->
		<script src="js/jquery/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script>
		var $menu = $(".banner-lists")
			  				
		$.getJSON("js/submenu.json",function(data){
			console.log(data.length);
			for(var i in data){
				$("<dl><dt><a>"+ data[i].title +"</a></dt></dl>").appendTo($menu);
				$("<dd class='banner-hide'><ul></ul></dd>").appendTo($(".banner-lists dl").eq(i));
				for(var j in data[i].hide){
					$("<li><h5>"+data[i].hide[j].hidetitle+"</h5><div class= 'dd-hide-right'></div></li>").appendTo($(".banner-list dl dd ul").eq(i));
					//$("<a>"+ data[i].hide[j].hidea+"</a>").appendTo($(".banner-lists dl dd ul li .dd-hide-right").eq(i))
					for(var k in data[i].hide[j].hieda){
					$("<a>"+ data[i].hide.hidea[k]+"</a>").appendTo($(".banner-lists dl dd ul.eq("+i+") li.eq("+k+") .dd-hide-right"))	
						
					}
//					
				}
//				for(var j in data[i].hide){
//					$("<a>"+ data[i].hide.hidea[k]+"</a>").appendTo($(".banner-lists dl dd ul li .dd-hide-right").eq(i))	
//						
//					}
				console.log(data[i].hide[0].hidea)
			}
			
			
			$(".banner-lists dl").hover(function(){
				$('dd').eq($(this).index()).show();
			},function(){
				$('dd').eq($(this).index()).hide();
			})
			
		})
		
    	</script>
				
			
			<div class="swiper-container">
				<div class="swiper-wrapper">
					
					<div class= "swiper-slide"><img src= "img/banner2.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner1.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner3.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner1.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner5.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner6.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner7.jpg"/></div>
					<div class= "swiper-slide"><img src= "img/banner3.jpg"/></div>
				</div>		
					 <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				    
				    <!-- 如果需要导航按钮 -->
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				    
				    <!-- 如果需要滚动条 -->
				    <div class="swiper-scrollbar"></div>
				
							
			</div>
			
		</div>
<!----------------------------------------------list----------------------------------------->
		<div class="list">
			<div class="wrap">
				<div class="list-brandship">
					<img  class= "list-brandship-top" src= "img/mainx_brandship.png" />
				<ul class= "list-brandship-middle">
					<li>
						<a href= "##"><img src="img/listtop1.jpg"/></a>
						<div class="list-animate">
							<img src= "img/14477406185992.png" />
							<p>luyi weideng</p>
							<p>路易.威登</p>
						</div>
					</li>
					<li>
						<a href= "##"><img src="img/listtop2.jpg"/></a>
						<div class="list-animate">
							<img src= "img/14477406185992.png" />
							<p>luyi weideng</p>
							<p>路易.威登</p>
						</div>
					</li>
					<li>
						<a href= "##"><img src="img/listtop3.jpg"/></a>
						<div class="list-animate">
							<img src= "img/14477406185992.png" />
							<p>luyi weideng</p>
							<p>路易.威登</p>
						</div>
					</li>
					<li>
						<a href= "##"><img src="img/listtop4.jpg"/></a>
						<div class="list-animate">
							<img src= "img/14477406185992.png" />
							<p>luyi weideng</p>
							<p>路易.威登</p>
						</div>
					</li>
					<li><a href= "##">
						<img style="margin-right: 0px" src="img/listtop5.jpg"</a>
						<div class="list-animate">
							<img src= "img/14477406185992.png" />
							<p>luyi weideng</p>
							<p>路易.威登</p>
						</div>
					</li>
				</ul>
				</div>
				<div class="hoststore-title">
					<img src= "img/hotstore_t.jpg" class= "left"/>
					<div class="hoststore-title-right right">
						<span class= "host-left"></span>
						<span class= "host-right"></span>
					</div>
					<div class="hoststore-main">
						<ul class= "hoststore-main-ul">
						<li>
							<a href= "html/goodlist.html"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "html/goodlist.html"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
						<li>
							<a href= "html/goodlist.html"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "##"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
						<li>
							<a href= "##"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "##"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
						<li>
							<a href= "##"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "##"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
						<li>
							<a href= "##"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "##"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
						<li>
							<a href= "##"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "##"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
						<li>
							<a href= "##"><img src= "img/host3.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>
						</li>		
						<li>
							<a href= "##"><img src= "img/host4.png"/></a>
							<div class="host-cover"><p>阿玛尼</p><span>___</span></div>														
						</li>	
					</ul>
					</div>
					
				</div>
			</div>
		</div>
<!----------------------------------------------hotitems---------------------------------------------->
<div class="hotitems">
	<div class="wrap">
		<div class="hotitems-title">
			<img src="img/storesametitle.jpg" />
		</div>
		<div class="hotitems-main">
			<ul class="hotitems-main-title">
				<li>热卖品牌</li>
				<li>新品推荐</li>
				<li style= "margin-right: none;">明星同款</li>
			</ul>
			<div class="hotitems-main-lunbo">
				<ul>
				<li class= "active">
					<div class="hotlunbo-left left">
						<a href= "html/goodlist.html"><img src="img/hostitem01.jpg"/></a>
					</div>
					<div class="hotlunbo-right right">
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item05.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item04.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item03.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item02.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item01.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item06.jpg"/></dd>
						</dl>
					</div>
				</li>
				
				<li class= "hide">
					<div class="hotlunbo-left left">
						<a href= "html/goodlist.html"><img src="img/hostitem02.jpg"/></a>
					</div>
					<div class="hotlunbo-right right">
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item03.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item04.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item02.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item02.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item01.jpg"/></dd>
						</dl>
						<dl>
							<dt>
								<p>derao</p>
								<p>迪奥</p>
								<p>￥ 24800</p>
							</dt>
							<dd><img src="img/item02.jpg"/></dd>
						</dl>
					</div>
				</li>
				
				<li class= "hide">
					<div class="hotlunbo-left left">
						<a href= "##"><img src="img/hostitem03.jpg"/></a>
					</div>
					<div class="hotlunbo-righ right">
						<div class="items-rightimg">
							<a href="##"><img src="img/items-right1.jpg"/></a>
								<div class="items-cover"></div>
						</div>
						<div class="items-rightimg">
							<a href="##"><img src="img/items-right2.jpg"/></a>
								<div class="items-cover"></div>
						</div>	
						<div class="items-rightimg">
							<a href="##"><img src="img/items-right3.jpg"/></a>
								<div class="items-cover"></div>
						</div>		
						<div class="items-rightimg">
							<a href="##"><img src="img/items-right4.jpg"/></a>
								<div class="items-cover"></div>
						</div>
							
						
						
					</div>
				</li>
				
			    </ul>
			</div>
			
		</div>
	</div>
</div>
	
<!----------------------------------------------main----------------------------------------->
		<div class="main">
			<div class="wrap">
				<div class="main-title">
					<a href= "##"><img src="img/shopcenter.jpg"/></a>
				</div>
				<ul class="main-title-ul">
					<li><div class="main-cover">
						<a href="##"><div class="main-cover-top">1经典箱包</div></a>
						<div class="main-cover-bottom"><p>Classic bag</p></div>
					</div></li>
					<li><div class="main-cover">
						<a href="##"><div class="main-cover-top">2经典箱包</div></a>
						<div class="main-cover-bottom"><p>Classic bag</p></div>
					</div></li><li><div class="main-cover">
						<a href="##"><div class="main-cover-top">3经典箱包</div></a>
						<div class="main-cover-bottom"><p>Classic bag</p></div>
					</div></li><li><div class="main-cover">
						<a href="##"><div class="main-cover-top">4经典箱包</div></a>
						<div class="main-cover-bottom"><p>Classic bag</p></div>
					</div></li>
					<li style= "margin-right: 0px"><div class="main-cover">
						<a href="##"><div class="main-cover-top">5经典箱包</div></a>
						<div class="main-cover-bottom"><p>Classic bag</p></div>
					</div></li>
					
				</ul>
<!---经典箱包开始-->
				<div class="classicbags-title">
					<img src="img/goodtitle1.jpg" class="left"/>					
					<span class="right">>></span>				
					<span class= "right showmore">SHOW MORE</span>
				</div>		
					<div class="classicbags-left left">
						<ul class= "bags-list-top">
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
						</ul>
						<!--小轮播开始--->
						<div class="classicbags-lunbo">							
							<div class="swiper-wrapper">					
								<div class= "swiper-slide"><img src= "img/host10.png"/></div>
								<div class= "swiper-slide"><img src= "img/host9.png"/></div>
								<div class= "swiper-slide"><img src= "img/host6.png"/></div>
								<div class= "swiper-slide"><img src= "img/host5.png"/></div>
								<div class= "swiper-slide"><img src= "img/host4.png"/></div>
								<div class= "swiper-slide"><img src= "img/host7.png"/></div>
								<div class= "swiper-slide"><img src= "img/host8.png"/></div>
								<div class= "swiper-slide"><img src= "img/host11.png"/></div>
			        	    </div>		
						 	 <!-- 如果需要分页器 -->
						    <div class="swiper-pagination"></div>						    				   						   
						</div>			
						<!--小轮播开始--->
						
					</div>
					<div class="classicbags-middle left">
						<img src="img/148997870877_390x370.jpg" />
						<div class="classicbags-middle-up">
							<p>Dior迪奥</p>
							<p>----</p>
							<p>利落纯粹的线条</p>
							<p>烘托出巴黎优雅气质</p>
						</div>
					</div>
					<div class="classicbags-right right">
						<ul>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							
						</ul>
					</div>
				
<!---经典箱包结束-->
<!---经典箱包开始-->
				<div class="classicbags-title">
					<img src="img/goodtitle2.jpg" class="left"/>					
					<span class="right">>></span>				
					<span class= "right showmore">SHOW MORE</span>
				</div>		
					<div class="classicbags-left left">
						<ul class= "bags-list-top">
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
						</ul>
						<!--小轮播开始--->
						<div class="classicbags-lunbo">							
							<div class="swiper-wrapper">					
								<div class= "swiper-slide"><img src= "img/host10.png"/></div>
								<div class= "swiper-slide"><img src= "img/host9.png"/></div>
								<div class= "swiper-slide"><img src= "img/host6.png"/></div>
								<div class= "swiper-slide"><img src= "img/host5.png"/></div>
								<div class= "swiper-slide"><img src= "img/host4.png"/></div>
								<div class= "swiper-slide"><img src= "img/host7.png"/></div>
								<div class= "swiper-slide"><img src= "img/host8.png"/></div>
								<div class= "swiper-slide"><img src= "img/host11.png"/></div>
			        	    </div>		
						 	 <!-- 如果需要分页器 -->
						    <div class="swiper-pagination"></div>						    				   						   
						</div>			
						<!--小轮播开始--->
					</div>
					<div class="classicbags-middle left">
						<img src="img/148997870877_390x370.jpg" />
						<div class="classicbags-middle-up">
							<p>Dior迪奥</p>
							<p>----</p>
							<p>利落纯粹的线条</p>
							<p>烘托出巴黎优雅气质</p>
						</div>
					</div>
					<div class="classicbags-right right">
						<ul>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							
						</ul>
						
					</div>
				
<!---经典箱包结束-->
<!---经典箱包开始-->
				<div class="classicbags-title">
					<img src="img/goodtitle3.jpg" class="left"/>					
					<span class="right">>></span>				
					<span class= "right showmore">SHOW MORE</span>
				</div>		
					<div class="classicbags-left left">
						<ul class= "bags-list-top">
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
						</ul>
						<!--小轮播开始--->
						<div class="classicbags-lunbo">							
							<div class="swiper-wrapper">					
								<div class= "swiper-slide"><img src= "img/host10.png"/></div>
								<div class= "swiper-slide"><img src= "img/host9.png"/></div>
								<div class= "swiper-slide"><img src= "img/host6.png"/></div>
								<div class= "swiper-slide"><img src= "img/host5.png"/></div>
								<div class= "swiper-slide"><img src= "img/host4.png"/></div>
								<div class= "swiper-slide"><img src= "img/host7.png"/></div>
								<div class= "swiper-slide"><img src= "img/host8.png"/></div>
								<div class= "swiper-slide"><img src= "img/host11.png"/></div>
			        	    </div>		
						 	 <!-- 如果需要分页器 -->
						    <div class="swiper-pagination"></div>						    				   						   
						</div>			
						<!--小轮播开始--->
					</div>
					<div class="classicbags-middle left">
						<img src="img/148997870877_390x370.jpg" />
						<div class="classicbags-middle-up">
							<p>Dior迪奥</p>
							<p>----</p>
							<p>利落纯粹的线条</p>
							<p>烘托出巴黎优雅气质</p>
						</div>
					</div>
					<div class="classicbags-right right">
						<ul>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							
						</ul>
						
					</div>
				
<!---经典箱包结束-->
<!---经典箱包开始-->
				<div class="classicbags-title">
					<img src="img/goodtitle4.jpg" class="left"/>					
					<span class="right">>></span>				
					<span class= "right showmore">SHOW MORE</span>
				</div>		
					<div class="classicbags-left left">
						<ul class= "bags-list-top">
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
						</ul>
						<!--小轮播开始--->
						<div class="classicbags-lunbo">							
							<div class="swiper-wrapper">					
								<div class= "swiper-slide"><img src= "img/host10.png"/></div>
								<div class= "swiper-slide"><img src= "img/host9.png"/></div>
								<div class= "swiper-slide"><img src= "img/host6.png"/></div>
								<div class= "swiper-slide"><img src= "img/host5.png"/></div>
								<div class= "swiper-slide"><img src= "img/host4.png"/></div>
								<div class= "swiper-slide"><img src= "img/host7.png"/></div>
								<div class= "swiper-slide"><img src= "img/host8.png"/></div>
								<div class= "swiper-slide"><img src= "img/host11.png"/></div>
			        	    </div>		
						 	 <!-- 如果需要分页器 -->
						    <div class="swiper-pagination"></div>						    				   						   
						</div>			
						<!--小轮播开始--->
					</div>
					<div class="classicbags-middle left">
						<img src="img/148997870877_390x370.jpg" />
						<div class="classicbags-middle-up">
							<p>Dior迪奥</p>
							<p>----</p>
							<p>利落纯粹的线条</p>
							<p>烘托出巴黎优雅气质</p>
						</div>
					</div>
					<div class="classicbags-right right">
						<ul>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							
						</ul>
					</div>
				
<!---经典箱包结束-->
<!---经典箱包开始-->
				<div class="classicbags-title">
					<img src="img/goodtitle6.jpg" class="left"/>					
					<span class="right">>></span>				
					<span class= "right showmore">SHOW MORE</span>
				</div>		
					<div class="classicbags-left left">
						<ul class= "bags-list-top">
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单肩包</a></li>
							<li><a href = "##">单包</a></li>
							<li><a href = "##">单肩包</a></li>
						</ul>
						<!--小轮播开始--->
						<div class="classicbags-lunbo">							
							<div class="swiper-wrapper">					
								<div class= "swiper-slide"><img src= "img/host10.png"/></div>
								<div class= "swiper-slide"><img src= "img/host9.png"/></div>
								<div class= "swiper-slide"><img src= "img/host6.png"/></div>
								<div class= "swiper-slide"><img src= "img/host5.png"/></div>
								<div class= "swiper-slide"><img src= "img/host4.png"/></div>
								<div class= "swiper-slide"><img src= "img/host7.png"/></div>
								<div class= "swiper-slide"><img src= "img/host8.png"/></div>
								<div class= "swiper-slide"><img src= "img/host11.png"/></div>
			        	    </div>		
						 	 <!-- 如果需要分页器 -->
						    <div class="swiper-pagination"></div>						    				   						   
						</div>			
						<!--小轮播开始--->
					</div>
					<div class="classicbags-middle left">
						<img src="img/148997870877_390x370.jpg" />
						<div class="classicbags-middle-up">
							<p>Dior迪奥</p>
							<p>----</p>
							<p>利落纯粹的线条</p>
							<p>烘托出巴黎优雅气质</p>
						</div>
					</div>
					<div class="classicbags-right right">
						<ul>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							<li><img src="img/148998172287_275x180.jpg"/></li>
							
						</ul>
					</div>
				
<!---经典箱包结束-->
			</div>
			
		</div>
<!----------------------------------------------nav----------------------------------------->
		<div class="nav">
			<div class="wrap">
				<div class= "nav-title">
					<img src="img/promotiontitle.jpg"/>
				</div>
				<div class="nav-top">
					<div class="nav-top-left left">
						<a href= "##"><img src="img/148894531031_598x293.jpg"/></a>
					</div>
					<div class="nav-top-middle left " style="margin: 0 14px">
						<a href= "##"><img src="img/148998024268_293x293.jpg"/></a>
					</div>
					<div class="nav-top-right right">
						<a href= "##"><img src="img/148998024354_293x293.jpg"/></a>
					</div>
				</div>
				<div class="nav-middle">
					<div class="nav-middle-left left">
						<a href= "##"><img src="img/148998024225_293x293.jpg"/></a>
					</div>
					<div class="nav-middle-middle left " style="margin: 0 14px">
						<a href= "##"><img src="img/148998024268_293x293.jpg"/></a>
					</div>
					<div class="nav-middle-right right">
						<a href= "##"><img src="img/148895483460_598x293.jpg"/></a>
					</div>
				</div>
				<div class="nav-bottom">
					<ul class= "nav-ul left">
						<li><img src="img/1promotionpic.jpg"/></li>
						<li><img src="img/2promotionpic.jpg"/></li>
						<li><img src="img/3promotionpic.jpg"/></li>
						<li><img src="img/4promotionpic.jpg"/></li>
						<li><img src="img/5promotionpic.jpg"/></li>
						<li><img src="img/6promotionpic.jpg"/></li>
					</ul>
					<div class="nav-ul-right right">
						<img src="img/1bank.jpg" />
					</div>
				</div>
			</div>
		</div>
<!----------------------------------------------bottom----------------------------------------->
		<div class="bottom">
			<div class="wrap">
				<div class="bottom-top">
					<ul>
						<li>
							<img src="img/footer_message01.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="img/footer_message02.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="img/footer_message03.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="img/footer_message04.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
						<li>
							<img src="img/footer_message05.jpg" />
							<div class="_message01">
								<h4>正品保障</h4>
								<p><a href= "##">品牌授权，官方验真</a></p>
							</div>
						</li>
					</ul>
				</div>
				<div class="bottom-list">
					<ul>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>服务保障</h5>
							<span><a href="##">品牌授权正品</a></span>
							<span><a href="##">品牌客服</a></span>
							<span><a href="##">预约到店体验</a></span>
							<span><a href="##">7天无理由退换</a></span>
						</li>
						<li>
							<h5>第五大道APP</h5>
							<img src="img/qr.jpg"/>
						</li>
						<li>
							<h5>第五大道微信</h5>
							<img src="img/weixin_img.png"/>
						</li>
					</ul>
				</div>
				<div class="footer">
					<div class="footer-top">
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>|
						<a href= "##">箱包</a>						
					</div>
					<div class="footer-middle">
						<a href= "##">关于五大道</a>|
						<a href= "##">网站地图</a>|
						<a href= "##">品牌合作专区</a>|
						<a href= "##">媒体聚焦</a>|
						<a href= "##">商务合作</a>|
						<a href= "##">商家合作</a>|
						<a href= "##">加入第五大道</a>|
						<a href= "##">友情链接</a>|	
						<a href= "##">奢尚志</a>|
						<a href= "##">联系我们</a>|
						<a href= "##">投诉建议</a>	
						<p>Copyright © 2008-2016 瑞美嘉信国际信息技术（北京）有限公司&nbsp; 版权所有京ICP备09012701号-1
                       京公网安备110105007400号 食品经营许可证号：
                    </p>
					</div>
					<div class="footer-vic">
						<img src="img/footer_message10.jpg" />
						<img src="img/footer_message11.jpg" />
						<img src="img/footer_message10.jpg" />
					</div>
				</div>
			</div>
		</div>
		<!---右边栏-->
		<div class="body-right">
			
				<ul>
					<li><a href="##">
						<div class="body-right-bg"></div>								
						<div class="body-right-logo">我的购物袋</div>
					</a></li>																											
					<li><a href="##">
						<div class="body-right-bg1"></div>								
						<div class="body-right-logo">我的资产</div>
					</a></li>
					<li><a href="##">
						<div class="body-right-bg2"></div>								
						<div class="body-right-logo">我的关心</div>
					</a></li>
					<li><a href="##">
						<div class="body-right-bg3"></div>								
						<div class="body-right-logo">客户服务</div>
					</a></li>
					<div class="body-right-th"></div>
					<li><a href="##">
						<div class="body-right-bg4"></div>								
						<div class="body-right-logo">我的购物袋</div>
					</a></li>																											
					<li><a href="##">
						<div class="body-right-bg5"></div>								
						<div class="body-right-logo" style= "left:-122px"><img src="img/weixin_img.png"/></div>
					</a></li>
					<li><a href="##">
						<div class="body-right-bg6"></div>								
						<div class="body-right-logo">意见反馈</div>
					</a></li>
					<li  class="return-top"><a href="##">
						<div class="body-right-bg7"></div>								
						<div class="body-right-logo return-top">返回顶部</div>
					</a></li>	
					
				</ul>
			
			
		</div>
		<!---右边栏结束---->
	</body>
	    <script src="js/require.js" data-main= "js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
</html>
